/* 页面左右间距 */
$page-row-spacing: 18upx;
$page-color-base: #F6F9FF;
$base-color: #ff6202;
/* 文字尺寸 */
$font-sm: 24upx;
$font-base: 28upx;
$font-lg: 32upx;
$font-xlg: 44upx;
/*文字颜色*/
$font-color-black: #000000;
$font-color-white: #ffffff;
$font-color-dark: #333333;
$font-color-light: #999999;
/* 边框颜色 */
$border-color-base: #E4E7ED;
/* 行为相关颜色 */
$uni-color-primary:#DD0717;
$uni-color-success: #080808;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;
/* page 样式 */
view,text{
  color: $font-color-black;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
page,
.content {
  height: 100%;
  background-color: $page-color-base;
}

/* 图片载入替代方案 */
.image-wrapper {
  font-size: 0;
  background: #f3f3f3;
  border-radius: 4px;
  image {
    width: 100%;
    height: 100%;
    transition: .6s;
    opacity: 0;
    &.loaded {
      opacity: 1;
    }
  }
}
.clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
/*边框*/
.b-b:after,
.b-t:after{
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  height: 0;
  content: '';
  transform: scaleY(.5);
  border-bottom: 1px solid $border-color-base;
}
.b-b:after {
  bottom: 0;
}
.b-t:after {
  top: 0;
}
.b-l:after,
.b-r:after{
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  width: 0;
  content: '';
  transform: scaleX(.5);
  border-left: 1px solid $border-color-base;
}
.b-l:after {
  left: 0;
}
.b-t:after {
  right: 0;
}
.vc{
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.flexT{
  display: flex;
  align-items: center;
}
.flexC{
  display: flex;
  align-items: center;
  justify-content: center;
}
//按钮样式
.btn-link{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  margin: 40upx auto;
  color: #000;
  background: linear-gradient(360deg, #3B99FF 0%, #4083F0 100%);
  border-radius: 40upx;
  padding:0 22upx;
  font-size: 32upx;
  height: 80upx;
  min-width: 236upx;
}
.btn-cancel{
  @extend .btn-link;
  color: #444444;
  background: #fff;
  border: 1px solid #999999;
}
.commit-btn{
  width: 168upx;
  height: 64upx;
  margin: 50upx 27upx 0;
  border: 1px solid #3B99FF;
  color: #3B99FF;
  border-radius: 32px;
  font-size: 28upx;
  line-height: 64upx;
  &.yes{
    background: #3B99FF;
    color: #fff;
  }
}
//圆弧
.pure_top {
	width: 100%;
	height: 180upx;
	position: relative;
	z-index: -1;
	overflow: hidden;
	&:after {
		content: '';
		width: 140%;
		height: 180upx;
		position: absolute;
		left: -20%;
		top: 0;
		z-index: -1;
		border-radius: 0 0 50% 50%;
		background: #4c8aed;
	}
}
.ico_nav{
  position: absolute;
  height: 138upx;
  top: 10upx;
  left:0;
}
// 订单tabbar
.statusList{
  @extend .flexC;
  margin: -140upx $page-row-spacing 0;
  height: 184upx;
  background: #FFFFFF;
  border-radius: 16upx;
  .item{
    flex:1;
    text-align: center;
    .value{
      font-size: 38upx;
      font-weight: bold;
    }
    .label{
      color: #666666;
      margin-top: 15upx;
      font-size: 26upx;
    }
  }
}
//标题样式
.tit-bar{
  padding: 20upx $page-row-spacing;
  line-height: 1;
  display: flex;
  align-items: center;
  &:before{
    width: 10upx;
    height: 36upx;
    background: #4083F0;
    margin-right: 16upx;
    @extend .vc;
    content: '';
  }
  text{
    @extend .vc;
  }
  .blod{
    font-size: 32upx;
    font-weight: bold;
  }
  .tit{
    font-size: 30upx;
  }
  .tip{
    margin-left: auto;
    font-size: 28upx;
    color: #444444;
  }
}
.empty{
  width: 100%;
}
.cell-more{
  align-self: center;
  font-size:30upx;
  color:#000;
  margin-left:14upx;
  padding-top: 2upx;
  line-height: 1;
}
.fixed-tabbar{
	height: calc(52px + constant(safe-area-inset-bottom));
	height: calc(52px + env(safe-area-inset-bottom));
}
.radio{
  display: flex;
  align-items: center;
  /deep/ .hicon{
    width: 34upx;
    height: 34upx;
    margin-right: 20upx;
    display: block;
  }
}
@font-face {
  font-family: "iconfont"; /* Project id 2552176 */
  src: url('//at.alicdn.com/t/font_2552176_hwrb20j9b5.woff2?t=1625036594819') format('woff2'),
       url('//at.alicdn.com/t/font_2552176_hwrb20j9b5.woff?t=1625036594819') format('woff'),
       url('//at.alicdn.com/t/font_2552176_hwrb20j9b5.ttf?t=1625036594819') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 32upx;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-zuo:before {
  content: "\e600";
}
.icon-you:before {
  content: "\e601";
}
.icon-add:before {
  content: "\e604";
}
.icon-bianji:before {
  content: "\e718";
}
.icon-delete:before {
  content: "\e6f0";
}
.icon-yuebao:before {
  content: "\e624";
  color: #FA723A;
}
.icon-weixin:before {
  content: "\e61e";
  color: #09BB07;
}
.icon-dizhi:before {
  content: "\e91b";
}
